Pijam commissioned a modern, fully responsive website to enhance their digital presence and streamline job posting and content management. I independently designed and developed this project, ensuring it met high standards of functionality and user experience.
Key Technologies
Next.js: Framework used for building dynamic pages with server-side rendering
ShadCN: Utilized for a cohesive and elegant component library
Firebase: Integrated for secure Google authentication and real-time content updates
Tailwind CSS: Used for styling, ensuring a fully responsive design across devices
Key Features Delivered
Homepage: Welcomes users and provides an overview of Pijam’s offerings
Blog Page: Allows the admin to dynamically post and manage blog content, with support for multiple content types (e.g., timeline, markdown, separators)
Work With Us Page: Lists job openings that can be updated in real-time via the admin panel
Admin Panel: Accessible through Google-authenticated login, allowing admins to add/delete blog posts and job openings securely
Contact Us Page: Provides easy user communication
Support Us Page: Engages users to support Pijam
Multilingual Support: Currently supports English and Hindi, with the flexibility to add more languages as needed
Technical Implementation
Admin Features: Secured with Firebase Google authentication, restricting access to authorized users for managing blog posts and job openings
Internationalization (i18n): Provides language flexibility, with English and Hindi available, and support for additional languages
Responsive Design: Built with Tailwind CSS, ensuring usability across all devices
Blog Content Types: Blog posts can include various content formats like timelines, markdown, and separators for versatile content presentation
My Role and Responsibilities
As the sole designer and developer, I was responsible for:
Developing the project architecture and implementing all pages with Next.js
Setting up a Firebase-backed admin panel for secure content management
Integrating Google authentication to restrict access to the admin panel
Adding multilingual support to enhance accessibility and broaden reach
Ensuring blog content flexibility with support for multiple content types
Collaborating closely with Pijam to refine and tailor each feature to their needs
Project Impact
The Pijam website provides a powerful platform for managing content and engaging users:
Enabled dynamic and secure job and blog management for admins
Offered a high-performance, multilingual, and fully responsive user experience
Established a scalable foundation for future language additions and content expansion
Technologies and Skills Showcased
Next.js for server-rendered pages and a dynamic user interface
ShadCN for elegant, consistent component styling
Firebase for secure authentication and real-time database support
Tailwind CSS for a responsive, mobile-friendly design
Internationalization (i18n) implementation to support multiple languages
This project showcases my ability to build dynamic, content-rich websites with admin capabilities, secure user authentication, and scalable, multilingual support.